<template>
  <div>
    <span>{{ props.renderRow.startTime }}</span>
    至
    <span>{{ props.renderRow.endTime }}</span>
  </div>
</template>
<script lang="ts" setup>
import { ref, onMounted, reactive, inject } from "vue";
import type { TableColumn, TableRow, OptButton } from "@/utils/baTable"; //表格列行类型
import { useStandard } from "@/store/backend/LineCruiseM/standard";
import type { CascaderProps } from "element-plus";

const standard = useStandard();

interface Props {
  renderValue: any; // 单元格值
  renderRow: TableRow; // 当前行数据
  renderField: TableColumn; // 当前列数据
}

const state: { props: CascaderProps; options: anyObj[] } = reactive({
  props: {
    multiple: true,
    // lazy: true,
    // lazyLoad(node, resolve) {
    //   console.log("node, resolve", node, resolve);
    // },
  },
  options: [],
});

const props = withDefaults(defineProps<Props>(), {});

onMounted(() => {
  state.options = standard.options; //巡检标准数据
  console.log("单元格值", props.renderRow, standard.options);
});
</script>
<style lang="scss" scoped></style>
